.banner {
  .banner-img {
    width: 100%;
    display: block;
  }
}

.content-wrapper {
  padding: .66rem .28rem .8rem;
}

.content {
  overflow: hidden;
  border-radius: .2rem;
  background-size: 100%;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, .15);
  background-repeat: no-repeat;
  .title {
    color: #fff;
    font-size: .4rem;
    padding: 0 .4rem;
    height: .82rem;
    background-color: #FFB106;
    > span {
      flex-shrink: 0;
    }
    .title-msg-zh {
      border-right: 2px solid #fff;
      padding-right: .48rem;
    }
    .title-msg-en {
      font-size: .32rem;
      margin-left: .48rem;
    }
  }

  .btn-group {
    .btn {
      width: 2.74rem;
      height: .6rem;
      border: 1px solid #F9B100;
      text-align: center;
      line-height: .58rem;
      color: #2E2E2E;
      font-size: .26rem;
      border-radius: .14rem;
      background-color: #fff;
      & + .btn {
        margin-top: .28rem;
      }
      &:active {
        color: #fff;
        background-color: #F9B100;
      }
    }
  }
}

@media all and (orientation : landscape){
  .content {
    background-position: left 80% !important;
  }
}

.line {
  border-top: 1px solid rgba(212, 212, 212, .6);
  margin: .4rem 0;
}